<template>
    <el-container style="height:100%" direction="vertical">
      <el-header style="padding:0 10%" height='50px'>
        <NavBar></NavBar>
      </el-header>
      <el-main>
        <router-view></router-view>
      </el-main>
      <el-footer height='30px' style="lineHeight:30px;fontSize:12px;">©版权所有2019 goldwind.com.cn保留所有权利</el-footer>
    </el-container>
</template>
<script>

import NavBar from './components/NavBar.vue'
export default {
  components: { NavBar},
  data() {
    return {
      name: "首页",
      value1: ""
    };
  },
  methods: {}
};
</script>
<style lang="scss" scoped>
.el-header, .el-footer {
    background-color: rgba(228, 228, 228, 1);
    color: #333;
    text-align: center;
    line-height: 60px;
  }
  .el-header{
    background: #1D82D2;
  }
  .el-main {
    background-color: rgba(242, 242, 242, 1);;
    color: #333;
    text-align: center;
  }
</style>
